@CHARSET "UTF-8";

.tileSmallTitle .horizontal {
	min-height: 75px;
	width: 100%;
	background-color: #EFEFEF;
	/* Use hidden, because JS will set the height properly to the biggest div inside this container*/
	overflow: hidden;
}

.tileSmallTitle .horizontal > * {
	width: 100%;
}

.tileSmallTitle .horizontal>.preview {
	width: 100%;
	margin: 0;
	overflow: auto;
	padding: 0;
	vertical-align: top;
	/*
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	*/
	z-index: 100;
	position: relative;
}

.tileSmallTitle .horizontal>.preview:HOVER {
	/*
	opacity: 0.0;
	*/
}

.tileSmallTitle .horizontal>.preview>* {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
}

.tileSmallTitle .horizontal>.preview>.title {
	background-color: #efefef;
	height: 100%;
	/*overflow: hidden;*/
	display: inline-block;
	color: gray;
	width: 100%;
}

.tileSmallTitle .horizontal>.preview>.title>.paddingBox {
	margin: 20px;
}

.tileSmallTitle .horizontal>.preview>.title>.paddingBox>.metaData>span {
	font-size: xx-small;
	border-right: 1px solid;
	padding-right: 2px;
}

.tileSmallTitle .horizontal>.preview>.title>.paddingBox>.metaData>span:last-child {
	border-right: 0px solid;
}

.tileSmallTitle .horizontal>.details {
	display: block;
	overflow: auto;
	background-color: #EFEFEF;
	position: absolute;
	top: 0;
	left: 0;
}

.tileSmallTitle .horizontal>.details>.teaser {
	margin: 20px;	
}

.tileSmallTitle .horizontal>.details>.teaser>a:LINK {
	color:white;
}

.tileSmallTitle .horizontal>.details>.teaser>a:VISITED {
	color:white;
}
